<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<meta name="applicable-device" content="mobile">
		<meta name="author" content="jsl" />
		<title>票选优品</title>
		<link rel="apple-touch-icon" href="../img/logo100.png">
		<link rel="icon" href="../img/logo100.png">
		<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/productDetails.css?v= a2ef2?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
		<!-- 引入自己的css -->
		<!--<link rel="stylesheet" type="text/css" href="../css/wall.css?rev=@@hash" />-->
		<link rel="stylesheet" type="text/css" href="../css/FPtVoteProducts.css?rev=@@hash" />
	</head>

	<body>
		<!--加载动画-->
		<div class="hui"></div>
		<div class="bai"></div>
		<div class="hintInfo"></div>
		<div class="loadImgBox">
			<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
		</div>
		<div id="app" v-cloak>
			<div class="VoteProducts">
				<div class="vostcontent">
					<!--弹幕-->
					<div class="activityBarrage">
						<img :src="voteActivityMap.themeImgUrl" class="activityImg">
						<!--<div class="Barragelist container" id="Barragelist">

						</div>-->
					</div>
					<!--倒计时-->
					<div class="activityTime">
						<div>
							<span v-text="voteActivityMap.activityStatus==1?'距活动结束还有：':'该活动已结束'"></span>
							<span v-show="voteActivityMap.activityStatus == 1">
										<i v-text="voteActivityMap.day" class="time_color"></i><i>天</i><i v-text="voteActivityMap.hour" class="time_color"></i><i>时</i><i v-text="voteActivityMap.min" class="time_color"></i><i>分</i>
									</span>
							<span class="newVote" @click="onVoteProducts">最新一期>></span>
						</div>
						<div class="activityTip">提示：每人每期仅可投一项，投票后立得5元优惠。
							<div class="activityRule" @click="onRule">
								<img src="../img/FXPTshareFriends/rule3x.png">
								<span>规则</span>
							</div>
						</div>
					</div>
					<!--票选优品列表-->
					<div class="vostList">
						<van-pull-refresh v-model="onnumLoading" @refresh="onNumberList">
							<div v-for="item,index in numberList" class="vostGoodsList" @click="onVoteDetails(index)">
								<div class="goodsImg">
									<img :src="item.itemShowImgUrl">
									<img :src="item.isSelected?'../img/FXPTshareFriends/selected@3x.png':'../img/FXPTshareFriends/noselected@3x.png'" v-show="voteActivityMap.activityStatus == 2" class="stateImg">
								</div>
								<div class="fr clearfloat textgooods">
									<strong v-text="item.showItemName.length>24?item.showItemName.slice(0,24)+'...':item.showItemName"></strong>
									<div class="goods_detail clearfloat">
										<div class="fl goods_detail_left">
											<!--当前价-->
											<p v-show="item.activityStatus  == '1' && item.isJoin && item.isVote">当前价<span>¥<i v-text="item.currentPrice"></i></span></p>
											<!--最终价-->
											<p v-show="item.activityStatus  == '2'" class="finalPrice">最终价<span>¥<i v-text="item.finalPrice"></i></span></p>
											<b :class="item.activityStatus  == '1' && item.isJoin?'gray':''" v-show="item.activityStatus  == '1'">¥<span v-text="item.topPrice"></span>~<span v-text="item.bottomPrice"></span></b>
											<span v-show="item.activityStatus  == '2' || item.isJoin">已有<i v-text="item.showVoteNum"></i>人投票</span>
											<span v-show="item.activityStatus  == '1' && !item.isJoin&&!item.isVote">最终价格由得票数决定</span>
										</div>
										<!--未投票-->
										<div class="positionRight goods_detail_right" v-show="item.activityStatus  == '1' && !item.isJoin&&!item.isVote">
											<span class="fr">投票</span>
										</div>
										<!--是否投票-->
										<div class="positionRight noVote" v-show="item.activityStatus  == '1' && item.isJoin">
											<span v-text="item.isVote?'已投该项':'未投该项'" :class="item.isVote?'red':''"></span>
										</div>
										<!--去抢购和看溯源-->
										<div class="positionRight letGoPay" v-show="item.activityStatus  == '2' && !item.isVote && !item.isJoin &&item.isSelected">
											<span v-text="item.isOnlined?'去抢购':'看溯源'" @click.stop="voteClick(index,$event)"></span>
										</div>
										<!--未参与投票-->
										<div class="positionRight noVote" v-show="item.activityStatus  == '2' && !item.isVote && !item.isJoin &&!item.isSelected">
											<span v-text="'未参与投票'"></span>
										</div>
										<!--已投该项和未投该项-->
										<div class="positionRight noVote" v-show="item.activityStatus  == '2' && item.isJoin &&!item.isSelected">
											<span v-text="item.isVote?'已投该项':'未投该项'" :class="item.isVote?'red':''"></span>
										</div>
										<!--已投票去抢购和已投票看溯源-->
										<div class="positionRight letGoPay" v-show="item.activityStatus  == '2' && item.isJoin && item.isSelected && item.isVote">
											<span v-text="item.isOnlined?'已投票去抢购':'已投票看溯源'" @click.stop="voteClick(index,$event)"></span>
										</div>
										<!--去抢购和看溯源-->
										<div class="positionRight letGoPay" v-show="item.activityStatus  == '2' && item.isJoin && item.isSelected && !item.isVote">
											<span v-text="item.isOnlined?'去抢购':'看溯源'" @click.stop="voteClick(index,$event)"></span>
										</div>
									</div>
								</div>
							</div>
						</van-pull-refresh>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/md5.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<!-- 引入自己的js -->
	<!--<script src="../js/barrageWall.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>-->
	<script src="../js/FPtVoteGoodsDetails.js" type="text/javascript" charset="utf-8"></script>
	<!--<script>
		$(function() {
			var barrageOption = {
				container: "#Barragelist", //弹幕墙的id
				barrageLen: 3 //弹幕的行数
			}
			barrageWall.init(barrageOption); //初始化弹幕墙
		})
	</script>-->

</html>
